<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>roomCondition</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/res/css/roomCondition.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/res/css/checkIn.css">
</head>
<body class="bodyType" style="height: 1000px;">
    <div class="title" style="width: 1014px;">
        <samp>客房状态</samp>
    </div>
    <div class="allRoom" id="allroom" style="width: 1000px;">
        <div>
            <div class="roomtype">
                <span>豪华套房</span>
            </div>
            <div class="showRoom"  id="101">
                <div class="room">
                    <span class="roomName">101</span><br>
                    <span class="roomName">豪华大房间1</span>
                </div>
            </div>
            <div class="showRoom"  id="102">
                <div class="room">
                    <span class="roomName">102</span><br>
                    <span class="roomName">豪华大房间2</span>
                </div>
            </div>
            <div class="showRoom" id="103">
                <div class="room">
                    <span class="roomName" >103</span><br>
                    <span class="roomName">豪华大房间3</span>
                </div>
            </div>
            <div class="showRoom" id="104">
                <div class="room">
                    <span class="roomName">104</span><br>
                    <span class="roomName">豪华双床房1</span>
                </div>
            </div>
            <div class="showRoom" id="105">
                <div class="room">
                    <span class="roomName" >105</span><br>
                    <span class="roomName">豪华双人房2</span>
                </div>
            </div>
            <div class="showRoom" id="106">
                <div class="room">
                    <span class="roomName" >106</span><br>
                    <span class="roomName">豪华双人房3</span>
                </div>
            </div>
        </div>
        <div>
            <div>
                <span>单人间</span>
            </div>
            <div class="showRoom" id="201">
                <div class="room">
                    <samp class="roomName" >201</samp><br>
                    <samp class="roomName">普通单人房1</samp>
                </div>
            </div>
            <div class="showRoom" id="202">
                <div class="room">
                    <samp class="roomName" >202</samp><br>
                    <samp class="roomName">普通单人房2</samp>
                </div>
            </div>
            <div class="showRoom" id="203">
                <div class="room">
                    <samp class="roomName">203</samp><br>
                    <samp class="roomName">普通单人房3</samp>
                </div>
            </div>
            <div class="showRoom"  id="204">
                <div class="room">
                    <samp class="roomName">204</samp><br>
                    <samp class="roomName">普通单人房4</samp>
                </div>
            </div>
            <div class="showRoom" id="205">
                <div class="room">
                    <samp class="roomName">205</samp><br>
                    <samp class="roomName">普通单人房5</samp>
                </div>
            </div>
            <div class="showRoom" id="206">
                <div class="room">
                    <samp class="roomName">206</samp><br>
                    <samp class="roomName">普通单人房6</samp>
                </div>
            </div>
        </div>
        <div>
            <div>
                <span>标准单人间</span>
            </div>
            <div class="showRoom" id="301">
                <div class="room">
                    <samp class="roomName" >301</samp><br>
                    <samp class="roomName">标准单人房1</samp>
                </div>
            </div>
            <div class="showRoom" id="302">
                <div class="room">
                    <samp class="roomName" >302</samp><br>
                    <samp class="roomName">标准单人房2</samp>
                </div>
            </div>
            <div class="showRoom" id="303">
                <div class="room">
                    <samp class="roomName" >303</samp><br>
                    <samp class="roomName">标准单人房3</samp>
                </div>
            </div>
            <div class="showRoom"  id="304">
                <div class="room">
                    <samp class="roomName">304</samp><br>
                    <samp class="roomName">标准单人房4</samp>
                </div>
            </div>
            <div class="showRoom"id="305">
                <div class="room">
                    <samp class="roomName" >305</samp><br>
                    <samp class="roomName">标准单人房5</samp>
                </div>
            </div>
            <div class="showRoom"  id="306">
                <div class="room">
                    <samp class="roomName">306</samp><br>
                    <samp class="roomName">标准单人房6</samp>
                </div>
            </div>
        </div>
        <div>
            <div>
                <span>高级标间</span>
            </div>
            <div class="showRoom"  id="401">
                <div class="room">
                    <samp class="roomName">401</samp><br>
                    <samp class="roomName">高级单人房1</samp>
                </div>
            </div>
            <div class="showRoom"  id="402">
                <div class="room">
                    <samp class="roomName">402</samp><br>
                    <samp class="roomName">高级单人房2</samp>
                </div>
            </div>
            <div class="showRoom"  id="403">
                <div class="room">
                    <samp class="roomName">403</samp><br>
                    <samp class="roomName">高级单人房3</samp>
                </div>
            </div>
            <div class="showRoom" id="404">
                <div class="room">
                    <samp class="roomName">404</samp><br>
                    <samp class="roomName">高级单人房4</samp>
                </div>
            </div>
            <div class="showRoom" id="405">
                <div class="room">
                    <samp class="roomName">405</samp><br>
                    <samp class="roomName">高级单人房5</samp>
                </div>
            </div>
            <div class="showRoom"  id="406">
                <div class="room">
                    <samp class="roomName">406</samp><br>
                    <samp class="roomName">高级单人房6</samp>
                </div>
            </div>
        </div>
        <div>
            <div>
                <span>三人间</span>
            </div>
            <div class="showRoom"  id="501">
                <div class="room">
                    <samp class="roomName">501</samp><br>
                    <samp class="roomName">标准三人间1</samp>
                </div>
            </div>
            <div class="showRoom"  id="502">
                <div class="room">
                    <samp class="roomName">502</samp><br>
                    <samp class="roomName">标准三人间2</samp>
                </div>
            </div>
            <div class="showRoom" id="503">
                <div class="room">
                    <samp class="roomName" >503</samp><br>
                    <samp class="roomName">标准三人间3</samp>
                </div>
            </div>
            <div class="showRoom" id="504">
                <div class="room">
                    <samp class="roomName" >504</samp><br>
                    <samp class="roomName">标准三人间4</samp>
                </div>
            </div>
            <div class="showRoom" id="505">
                <div class="room">
                    <samp class="roomName" >505</samp><br>
                    <samp class="roomName">标准三人间5</samp>
                </div>
            </div>
            <div class="showRoom" id="506">
                <div class="room">
                    <samp class="roomName" >506</samp><br>
                    <samp class="roomName">标准三人间6</samp>
                </div>
            </div>
        </div>

    </div>
</body>
    <script src="${pageContext.request.contextPath }/res/js/jquery.js"></script>
    <script src="${pageContext.request.contextPath }/res/js/roomCondition.js"></script>
</html>